<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta content="ie=edge" http-equiv="x-ua-compatible">
    <title>Beck - Furniture eCommerce Bootstrap 5 Template</title>
    <meta content="" name="description">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Favicons -->


    <!-- ************************* CSS Files ************************* -->

    <!-- Bootstrap CSS -->
    <link href="static/css/bootstrap.css" rel="stylesheet">

    <!-- Vendor CSS -->
    <link href="static/css/vendor.css" rel="stylesheet">

    <!-- style css -->
    <link href="static/css/main.css" rel="stylesheet">
</head>

<body>

<!-- Preloader Start -->
<div class="ft-preloader active">
    <div class="ft-preloader-inner h-100 d-flex align-items-center justify-content-center">
        <div class="ft-child ft-bounce1"></div>
        <div class="ft-child ft-bounce2"></div>
        <div class="ft-child ft-bounce3"></div>
    </div>
</div>
<!-- Preloader End -->

<!-- Main Wrapper Start -->
<div class="wrapper">
    <!-- Header Start -->
    <header class="header">
        <div class="header__inner fixed-header">
            <div class="header__main">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="header__main-inner">
                                <div class="header__main-left">
                                    <div class="logo">
                                        <a class="logo--normal" href="../index.jsp">
                                            <img alt="Logo" src="static/picture/logo.png">
                                        </a>
                                    </div>
                                </div>
                                <div class="header__main-center">
                                    <nav class="main-navigation text-center d-none d-lg-block">
                                        <ul class="mainmenu">
                                            <li class="mainmenu__item menu-item-has-children">
                                                <a class="mainmenu__link" href="../index.jsp">
                                                    <span class="mm-text">Home</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="../index.jsp">
                                                            <span class="mm-text">Home One</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="../index-02.html">
                                                            <span class="mm-text">Home Two</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                                <a class="mainmenu__link" href="shop.html">
                                                    <span class="mm-text">Shop</span>
                                                </a>
                                                <ul class="megamenu">
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Shop Grid</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="shop-fullwidth.html">
                                                                    <span class="mm-text">Full Width</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop.html">
                                                                    <span class="mm-text">Left Sidebar</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-right-sidebar.html">
                                                                    <span class="mm-text">Right Sidebar</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="../WEB-INF/shop-three-columns.html">
                                                                    <span class="mm-text">Three Columns</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-four-columns.html">
                                                                    <span class="mm-text">Four Columns</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a class="megamenu-title" href="#">
                                                            <span class="mm-text">Shop List</span>
                                                        </a>
                                                        <ul>
                                                            <li>
                                                                <a href="shop-list.html">
                                                                    <span class="mm-text">Full Width</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-list-sidebar.html">
                                                                    <span class="mm-text">Left Sidebar</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="shop-list-right-sidebar.html">
                                                                    <span class="mm-text">Right Sidebar</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item menu-item-has-children">
                                                <a class="mainmenu__link" href="#">
                                                    <span class="mm-text">Pages</span>
                                                </a>
                                                <ul class="sub-menu">
                                                    <li>
                                                        <a href="../WEB-INF/my-account.jsp">
                                                            <span class="mm-text">My Account</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="../WEB-INF/checkout.jsp">
                                                            <span class="mm-text">Checkout</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="../WEB-INF/cart.jsp">
                                                            <span class="mm-text">Cart</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="compare.html">
                                                            <span class="mm-text">Compare</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="../WEB-INF/order-tracking.jsp">
                                                            <span class="mm-text">Track Order</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="wishlist.html">
                                                            <span class="mm-text">Wishlist</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="mainmenu__item">
                                                <a class="mainmenu__link" href="../contact-us.jsp">
                                                    <span class="mm-text">Contact Us</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                                <div class="header__main-right">
                                    <div class="header-toolbar-wrap">
                                        <div class="header-toolbar">
                                            <div class="header-toolbar__item header-toolbar--search-btn">
                                                <a class="header-toolbar__btn toolbar-btn" href="#searchForm">
                                                    <i class="la la-search"></i>
                                                </a>
                                            </div>
                                            <div class="header-toolbar__item header-toolbar--minicart-btn">
                                                <a class="header-toolbar__btn toolbar-btn" href="#miniCart">
                                                    <i class="la la-shopping-cart"></i>
                                                    <span>01</span>
                                                </a>
                                            </div>
                                            <div class="header-toolbar__item d-block d-lg-none">
                                                <a class="header-toolbar__btn toolbar-btn menu-btn"
                                                   href="#offcanvasMenu">
                                                    <div class="hamburger-icon">
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                        <span></span>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header End -->

    <!-- Breadcrumb area Start -->
    <section class="page-title-area bg-image ptb--80" data-bg-image="assets/img/bg/page_title_bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h1 class="page-title">Product Details</h1>
                    <ul class="breadcrumb">
                        <li><a href="../index.jsp">Home</a></li>
                        <li class="current"><span>Product Details</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb area End -->

    <!-- Main Content Wrapper Start -->
    <div class="main-content-wrapper">
        <div class="page-content-inner pt--80 pt-md--60">
            <div class="container">
                <div class="row g-0 mb--80 mb-md--57">
                    <div class="col-lg-7 product-main-image">
                        <div class="product-image">
                            <div class="product-gallery vertical-slide-nav flex-row-reverse">
                                <div class="product-gallery__large-image mb-sm--30">
                                    <div class="product-gallery__wrapper">
                                        <div class="element-carousel main-slider image-popup" data-slick-options='{
                                                "slidesToShow": 1,
                                                "slidesToScroll": 1,
                                                "infinite": true,
                                                "arrows": false, 
                                                "asNavFor": ".nav-slider"
                                            }'>
                                            <figure class="product-gallery__image zoom">
                                                <img alt="Product" src="static/picture/prod-08-700x778.png">
                                                <span class="product-badge sale">Sale</span>
                                                <div class="product-gallery__actions">
                                                    <button class="action-btn btn-zoom-popup"><i class="la la-eye"></i>
                                                    </button>
                                                    <a class="action-btn video-popup" href="javascript:"><i
                                                            class="la la-play"></i></a>
                                                </div>
                                            </figure>
                                            <figure class="product-gallery__image zoom">
                                                <img alt="Product" src="static/picture/prod-09-700x778.png">
                                                <span class="product-badge sale">Sale</span>
                                                <div class="product-gallery__actions">
                                                    <button class="action-btn btn-zoom-popup"><i class="la la-eye"></i>
                                                    </button>
                                                    <a class="action-btn video-popup" href="javascript:"><i
                                                            class="la la-play"></i></a>
                                                </div>
                                            </figure>
                                            <figure class="product-gallery__image zoom">
                                                <img alt="Product" src="static/picture/prod-10-700x778.png">
                                                <span class="product-badge sale">Sale</span>
                                                <div class="product-gallery__actions">
                                                    <button class="action-btn btn-zoom-popup"><i class="la la-eye"></i>
                                                    </button>
                                                    <a class="action-btn video-popup" href="javascript:"><i
                                                            class="la la-play"></i></a>
                                                </div>
                                            </figure>
                                            <figure class="product-gallery__image zoom">
                                                <img alt="Product" src="static/picture/prod-04-700x778.png">
                                                <span class="product-badge sale">Sale</span>
                                                <div class="product-gallery__actions">
                                                    <button class="action-btn btn-zoom-popup"><i class="la la-eye"></i>
                                                    </button>
                                                    <a class="action-btn video-popup" href="javascript:"><i
                                                            class="la la-play"></i></a>
                                                </div>
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-gallery__nav-image">
                                    <div class="element-carousel nav-slider product-slide-nav slick-center-bottom"
                                         data-slick-options='{
                                            "spaceBetween": 10,
                                            "slidesToShow": 3,
                                            "slidesToScroll": 1,
                                            "vertical": true,
                                            "swipe": true,
                                            "verticalSwiping": true,
                                            "infinite": true,
                                            "focusOnSelect": true,
                                            "asNavFor": ".main-slider",
                                            "arrows": true, 
                                            "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "la la-angle-up" },
                                            "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "la la-angle-down" }
                                        }' data-slick-responsive='[
                                            {
                                                "breakpoint":1200, 
                                                "settings": {
                                                    "slidesToShow": 2
                                                } 
                                            },
                                            {
                                                "breakpoint":992, 
                                                "settings": {
                                                    "slidesToShow": 3
                                                } 
                                            },
                                            {
                                                "breakpoint":767, 
                                                "settings": {
                                                    "slidesToShow": 4,
                                                    "vertical": false
                                                } 
                                            },
                                            {
                                                "breakpoint":575, 
                                                "settings": {
                                                    "slidesToShow": 3,
                                                    "vertical": false
                                                } 
                                            },
                                            {
                                                "breakpoint":480, 
                                                "settings": {
                                                    "slidesToShow": 2,
                                                    "vertical": false
                                                } 
                                            }
                                        ]'>
                                        <figure class="product-gallery__nav-image--single">
                                            <img alt="Products" src="static/picture/prod-08-170x195.png">
                                        </figure>
                                        <figure class="product-gallery__nav-image--single">
                                            <img alt="Products" src="static/picture/prod-09-170x195.png">
                                        </figure>
                                        <figure class="product-gallery__nav-image--single">
                                            <img alt="Products" src="static/picture/prod-10-170x195.png">
                                        </figure>
                                        <figure class="product-gallery__nav-image--single">
                                            <img alt="Products" src="static/picture/prod-04-170x195.jpg">
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 offset-xl-1 col-lg-5 product-main-details mt-md--50">
                        <div class="product-summary pl-lg--30 pl-md--0">
                            <div class="product-navigation text-right mb--20">
                                <a class="prev" href="#"><i class="la la-angle-double-left"></i></a>
                                <a class="next" href="#"><i class="la la-angle-double-right"></i></a>
                            </div>
                            <div class="product-rating d-flex mb--20">
                                <div class="star-rating star-four">
                                    <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                </div>
                            </div>
                            <h3 class="product-title mb--20">Golden Easy Spot Chair.</h3>
                            <p class="product-short-description mb--20">Donec accumsan auctor iaculis. Sed suscipit arcu
                                ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales
                                orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque.
                                Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-price-wrapper mb--25">
                                <span class="money">$200.00</span>
                                <span class="price-separator">-</span>
                                <span class="money">$400.00</span>
                            </div>
                            <form action="#" class="variation-form mb--20">
                                <div class="product-size-variations d-flex align-items-center mb--15">
                                    <p class="variation-label">Size:</p>
                                    <div class="product-size-variation variation-wrapper">
                                        <div class="variation">
                                            <a class="product-size-variation-btn selected" data-bs-placement="top"
                                               data-bs-toggle="tooltip" title="S">
                                                <span class="product-size-variation-label">S</span>
                                            </a>
                                        </div>
                                        <div class="variation">
                                            <a class="product-size-variation-btn" data-bs-placement="top"
                                               data-bs-toggle="tooltip" title="M">
                                                <span class="product-size-variation-label">M</span>
                                            </a>
                                        </div>
                                        <div class="variation">
                                            <a class="product-size-variation-btn" data-bs-placement="top"
                                               data-bs-toggle="tooltip" title="L">
                                                <span class="product-size-variation-label">L</span>
                                            </a>
                                        </div>
                                        <div class="variation">
                                            <a class="product-size-variation-btn" data-bs-placement="top"
                                               data-bs-toggle="tooltip" title="XL">
                                                <span class="product-size-variation-label">XL</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <a class="reset_variations" href="">Clear</a>
                            </form>
                            <div class="product-action d-flex flex-sm-row align-items-sm-center flex-column align-items-start mb--30">
                                <div class="quantity-wrapper d-flex align-items-center mr--30 mr-xs--0 mb-xs--30">
                                    <label class="quantity-label" for="qty">Quantity:</label>
                                    <div class="quantity">
                                        <input class="quantity-input" id="qty" min="1" name="qty" type="number"
                                               value="1">
                                    </div>
                                </div>
                                <button class="btn btn-shape-square btn-size-sm"
                                        onclick="window.location.href='cart.html'"
                                        type="button">
                                    Add To Cart
                                </button>
                            </div>
                            <div class="product-footer-meta">
                                <p><span>Category:</span>
                                    <a href="shop.html">Full Sweater</a>,
                                    <a href="shop.html">SweatShirt</a>,
                                    <a href="shop.html">Jacket</a>,
                                    <a href="shop.html">Blazer</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center mb--77 mb-md--57">
                    <div class="col-12">
                        <div class="tab-style-2">
                            <div class="nav nav-tabs mb--35 mb-sm--25" id="product-tab" role="tablist">
                                <button aria-selected="true" class="nav-link active" data-bs-target="#nav-description"
                                        data-bs-toggle="tab" id="nav-description-tab" role="tab"
                                        type="button">
                                    <span>Description</span>
                                </button>
                                <button aria-selected="true" class="nav-link" data-bs-target="#nav-info"
                                        data-bs-toggle="tab"
                                        id="nav-info-tab" role="tab" type="button">
                                    <span>Additional Information</span>
                                </button>
                                <button aria-selected="true" class="nav-link" data-bs-target="#nav-reviews"
                                        data-bs-toggle="tab"
                                        id="nav-reviews-tab" role="tab" type="button">
                                    <span>Reviews(1)</span>
                                </button>
                            </div>
                            <div class="tab-content" id="product-tabContent">
                                <div aria-labelledby="nav-description-tab" class="tab-pane fade show active"
                                     id="nav-description"
                                     role="tabpanel">
                                    <div class="product-description">
                                        <p>Lorem ipsum dolor sit amet, consec do eiusmod tincididunt ut labore et dolore
                                            magna aliqua. Ut enim ad minim veniaLo ipsum dolor sit amet, consectetur
                                            adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                                            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
                                            nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
                                            paExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                                            deserunt mollit anim id est laborum. iatis unde omnis iste natus error sit
                                            voluptatem accusantium </p>

                                        <p>Lorem ipsum dolor sit amet, consec do eiusmod tincididunt ut labore et dolore
                                            magna aliqua. Ut enim ad minim veniaLo ipsum dolor sit amet, consectetur
                                            adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                                            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>

                                        <h5 class="product-description__heading">Characteristics :</h5>
                                        <ul>
                                            <li><i class="la la-arrow-right"></i><span>Rsit amet, consectetur adipisicing elit, sed do eiusmod tempor inc.</span>
                                            </li>
                                            <li><i class="la la-arrow-right"></i><span>sunt in culpa qui officia deserunt mollit anim id est laborum. </span>
                                            </li>
                                            <li><i class="la la-arrow-right"></i><span>Lorem ipsum dolor sit amet, consec do eiusmod tincididu. </span>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                                <div aria-labelledby="nav-info-tab" class="tab-pane fade" id="nav-info" role="tabpanel">
                                    <div class="table-content table-responsive">
                                        <table class="table shop_attributes">
                                            <tbody>
                                            <tr>
                                                <th>Weight</th>
                                                <td>57 kg</td>
                                            </tr>
                                            <tr>
                                                <th>Dimensions</th>
                                                <td>160 × 152 × 110 cm</td>
                                            </tr>
                                            <tr>
                                                <th>Color</th>
                                                <td>
                                                    <a href="shop.html">Black</a>,
                                                    <a href="shop.html">Gray</a>,
                                                    <a href="shop.html">Red</a>,
                                                    <a href="shop.html">Violet</a>,
                                                    <a href="shop.html">Yellow</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div aria-labelledby="nav-reviews-tab" class="tab-pane fade" id="nav-reviews"
                                     role="tabpanel">
                                    <div class="product-reviews">
                                        <h3 class="review__title">1 review for Black Blazer</h3>
                                        <ul class="review__list">
                                            <li class="review__item">
                                                <div class="review__container">
                                                    <img alt="Review Avatar" class="review__avatar"
                                                         src="static/picture/comment-1.jpg">
                                                    <div class="review__text">
                                                        <div class="d-flex flex-sm-row flex-column justify-content-between">
                                                            <div class="review__meta">
                                                                <strong class="review__author">John Snow </strong>
                                                                <span class="review__dash">-</span>
                                                                <span class="review__published-date">November 20, 2018</span>
                                                            </div>
                                                            <div class="product-rating">
                                                                <div class="star-rating star-five">
                                                                    <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <p class="review__description">Aliquam egestas libero ac turpis
                                                            pharetra, in vehicula lacus scelerisque. Vestibulum ut sem
                                                            laoreet, feugiat tellus at, hendrerit arcu.</p>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="review-form-wrapper">
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <span class="reply-title">Add a review</span>
                                                    <form action="#" class="form pr--30">
                                                        <div class="form-notes mb--20">
                                                            <p>Your email address will not be published. Required fields
                                                                are marked <span class="required">*</span></p>
                                                        </div>
                                                        <div class="form__group mb--10 pb--1">
                                                            <label class="form__label d-block">Your Ratings</label>
                                                            <div class="rating">
                                                                <span><i class="la la-star"></i></span>
                                                                <span><i class="la la-star"></i></span>
                                                                <span><i class="la la-star"></i></span>
                                                                <span><i class="la la-star"></i></span>
                                                                <span><i class="la la-star"></i></span>
                                                            </div>
                                                        </div>
                                                        <div class="form__group mb--10">
                                                            <label class="form__label d-block" for="email">Your
                                                                Review<span class="required">*</span></label>
                                                            <textarea class="form__input form__input--textarea"
                                                                      id="review"
                                                                      name="review"></textarea>
                                                        </div>
                                                        <div class="form__group mb--20">
                                                            <label class="form__label d-block" for="name">Name<span
                                                                    class="required">*</span></label>
                                                            <input class="form__input" id="name" name="name"
                                                                   type="text">
                                                        </div>
                                                        <div class="form__group mb--20">
                                                            <label class="form__label d-block" for="email">Email<span
                                                                    class="required">*</span></label>
                                                            <input class="form__input" id="email" name="email"
                                                                   type="email">
                                                        </div>
                                                        <div class="form__group">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <input class="btn btn-size-md" type="submit"
                                                                           value="Submit Now">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mb--75 mb-md--55">
                    <div class="col-12">
                        <div class="element-carousel slick-vertical-center" data-slick-options='{
                                "spaceBetween": 30,
                                "slidesToShow": 4,
                                "slidesToScroll": 1,
                                "arrows": true,
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "la la-angle-double-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "la la-angle-double-right" }
                            }' data-slick-responsive='[
                                {"breakpoint":1199, "settings": {
                                    "slidesToShow": 3
                                }},
                                {"breakpoint":991, "settings": {
                                    "slidesToShow": 2
                                }},
                                {"breakpoint":575, "settings": {
                                    "slidesToShow": 1
                                }}
                            ]'>
                            <div class="item">
                                <div class="ft-product">
                                    <div class="product-inner">
                                        <div class="product-image">
                                            <figure class="product-image--holder">
                                                <img alt="Product" src="static/picture/prod-04-270x300.jpg">
                                            </figure>
                                            <a class="product-overlay" href="product-details.html"></a>
                                            <div class="product-action">
                                                <a class="action-btn" data-bs-target="#productModal"
                                                   data-bs-toggle="modal">
                                                    <i class="la la-eye"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-heart-o"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-repeat"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-category">
                                                <a href="product-details.html">Chair</a>
                                            </div>
                                            <h3 class="product-title"><a href="product-details.html">Golden Easy Spot
                                                Chair.</a></h3>
                                            <div class="product-info-bottom">
                                                <div class="product-price-wrapper">
                                                    <span class="money">$150</span>
                                                </div>
                                                <a class="add-to-cart pr--15" href="../WEB-INF/cart.jsp">
                                                    <i class="la la-plus"></i>
                                                    <span>Add To Cart</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ft-product">
                                    <div class="product-inner">
                                        <div class="product-image">
                                            <figure class="product-image--holder">
                                                <img alt="Product" src="static/picture/prod-01-270x300.jpg">
                                            </figure>
                                            <a class="product-overlay" href="product-details.html"></a>
                                            <div class="product-action">
                                                <a class="action-btn" data-bs-target="#productModal"
                                                   data-bs-toggle="modal">
                                                    <i class="la la-eye"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-heart-o"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-repeat"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-category">
                                                <a href="product-details.html">Chair</a>
                                            </div>
                                            <h3 class="product-title"><a href="product-details.html">Golden Easy Spot
                                                Chair.</a></h3>
                                            <div class="product-info-bottom">
                                                <div class="product-price-wrapper">
                                                    <span class="money">$150</span>
                                                </div>
                                                <a class="add-to-cart pr--15" href="../WEB-INF/cart.jsp">
                                                    <i class="la la-plus"></i>
                                                    <span>Add To Cart</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ft-product">
                                    <div class="product-inner">
                                        <div class="product-image">
                                            <figure class="product-image--holder">
                                                <img alt="Product" src="static/picture/prod-02-270x300.jpg">
                                            </figure>
                                            <a class="product-overlay" href="product-details.html"></a>
                                            <div class="product-action">
                                                <a class="action-btn" data-bs-target="#productModal"
                                                   data-bs-toggle="modal">
                                                    <i class="la la-eye"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-heart-o"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-repeat"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-category">
                                                <a href="product-details.html">Chair</a>
                                            </div>
                                            <h3 class="product-title"><a href="product-details.html">Golden Easy Spot
                                                Chair.</a></h3>
                                            <div class="product-info-bottom">
                                                <div class="product-price-wrapper">
                                                    <span class="money">$150</span>
                                                </div>
                                                <a class="add-to-cart pr--15" href="../WEB-INF/cart.jsp">
                                                    <i class="la la-plus"></i>
                                                    <span>Add To Cart</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ft-product">
                                    <div class="product-inner">
                                        <div class="product-image">
                                            <figure class="product-image--holder">
                                                <img alt="Product" src="static/picture/prod-03-270x300.jpg">
                                            </figure>
                                            <a class="product-overlay" href="product-details.html"></a>
                                            <div class="product-action">
                                                <a class="action-btn" data-bs-target="#productModal"
                                                   data-bs-toggle="modal">
                                                    <i class="la la-eye"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-heart-o"></i>
                                                </a>
                                                <a class="action-btn" href="wishlist.html">
                                                    <i class="la la-repeat"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-category">
                                                <a href="product-details.html">Chair</a>
                                            </div>
                                            <h3 class="product-title"><a href="product-details.html">Golden Easy Spot
                                                Chair.</a></h3>
                                            <div class="product-info-bottom">
                                                <div class="product-price-wrapper">
                                                    <span class="money">$150</span>
                                                </div>
                                                <a class="add-to-cart pr--15" href="../WEB-INF/cart.jsp">
                                                    <i class="la la-plus"></i>
                                                    <span>Add To Cart</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Content Wrapper End -->

    <!-- Footer Start-->
    <footer class="footer bg-color" data-bg-color="#f4f8fa">
        <div class="footer-top">
            <div class="container-fluid">
                <div class="row border-bottom pt--70 pb--70">
                    <div class="col-lg-3 col-sm-6 offset-md-1 offset-lg-0 mb-md--45">
                        <div class="footer-widget">
                            <div class="textwidget">
                                <figure class="footer-logo mb--30">
                                    <img alt="Logo" src="static/picture/logo.png">
                                </figure>
                                <p>On the other hand, we denounce with righteous indignation and dislike men who are so
                                    beguiled and demoralized by the charms. </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-3 offset-lg-1 offset-sm-2 mb-md--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">Company</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="../index.jsp">About Us</a></li>
                                    <li><a href="blog.html">Blogs</a></li>
                                    <li><a href="#">Careers</a></li>
                                    <li><a href="../contact-us.jsp">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4 offset-md-1 offset-lg-0 mb-xs--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">Product</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">Pricing</a></li>
                                    <li><a href="#">Features</a></li>
                                    <li><a href="#">Customers</a></li>
                                    <li><a href="#">Demos</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4 mb-xs--45">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">Helps</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">Introduction</a></li>
                                    <li><a href="#">Feedback</a></li>
                                    <li><a href="#">Referals</a></li>
                                    <li><a href="#">Network Status</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-4">
                        <div class="footer-widget">
                            <h3 class="widget-title mb--35 mb-sm--20">Social Network</h3>
                            <div class="footer-widget">
                                <ul class="footer-menu">
                                    <li><a href="#">Facebook</a></li>
                                    <li><a href="#">Twitter</a></li>
                                    <li><a href="#">Linkedin</a></li>
                                    <li><a href="#">Google +</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-middle ptb--40">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-11">
                        <div class="footer-widget">
                            <div class="taglist">
                                <span>Tags:</span>
                                <a href="#">Minimal eCommerce</a>
                                <a href="#">Marketing</a>
                                <a href="#">User Exprience</a>
                                <a href="#">Ali Express</a>
                                <a href="#">Web</a>
                                <a href="#">Digital Expo</a>
                                <a href="#">Web Search</a>
                                <a href="#">Affiliate</a>
                                <a href="#">UCWeb</a>
                                <a href="#">Support</a>
                                <a href="#">Template</a>
                                <a href="#">Best Queality</a>
                                <a href="#">Mobile</a>
                                <a href="#">24 Support</a>
                                <a href="#">Ali Express</a>
                                <a href="#">Web</a>
                                <a href="#">Laptop</a>
                                <a href="#">Web Search</a>
                                <a href="#">Affiliate</a>
                                <a href="#">Photoshop</a>
                                <a href="#">Support</a>
                                <a href="#">Template</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container-fluid">
                <div class="row border-top ptb--20">
                    <div class="col-12 text-center">
                        <p class="copyright-text">Copyright &copy; 2023.Company name All rights reserved.<a
                                href="https://www.genban.org/" target="_blank">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer End-->

    <!-- OffCanvas Menu Start -->
    <div class="offcanvas-menu-wrapper" id="offcanvasMenu">
        <div class="offcanvas-menu-inner">
            <a class="btn-close" href="">
                <i class="la la-remove"></i>
            </a>
            <nav class="offcanvas-navigation">
                <ul class="offcanvas-menu">
                    <li class="menu-item-has-children active">
                        <a href="#">Home</a>
                        <ul class="sub-menu">
                            <li>
                                <a href="../index.jsp">Homepage 01</a>
                            </li>
                            <li>
                                <a href="../index-02.html">Homepage 02</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="shop.html">Shop</a>
                        <ul class="sub-menu">
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Shop Grid</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="shop-fullwidth.html">
                                            <span class="mm-text">Full Width</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop.html">
                                            <span class="mm-text">Left Sidebar</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-right-sidebar.html">
                                            <span class="mm-text">Right Sidebar</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="../WEB-INF/shop-three-columns.html">
                                            <span class="mm-text">Three Columns</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-four-columns.html">
                                            <span class="mm-text">Four Columns</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Shop List</a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="shop-list.html">Full Width</a>
                                    </li>
                                    <li>
                                        <a href="shop-list-sidebar.html">Left Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="shop-list-right-sidebar.html">Right Sidebar</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Product Details</a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="product-details.html">Tab Style 1</a>
                                    </li>
                                    <li>
                                        <a href="">Tab Style 2</a>
                                    </li>
                                    <li>
                                        <a href="product-details-tab-style-3.html">Tab Style 3</a>
                                    </li>
                                    <li>
                                        <a href="product-details-gallery-left.html">Gallery Left</a>
                                    </li>
                                    <li>
                                        <a href="product-details-gallery-right.html">Gallery Right</a>
                                    </li>
                                    <li>
                                        <a href="javascript:">Sticky Left</a>
                                    </li>
                                    <li>
                                        <a href="product-details-sticky-right.html">Sticky Right</a>
                                    </li>
                                    <li>
                                        <a href="product-details-slider-box.html">Slider Box</a>
                                    </li>
                                    <li>
                                        <a href="product-details-slider-full-width.html">Slider Box Full Width</a>
                                    </li>
                                    <li>
                                        <a href="product-details-affiliate.html">Affiliate Proudct</a>
                                    </li>
                                    <li>
                                        <a href="product-details-variable.html">Variable Proudct</a>
                                    </li>
                                    <li>
                                        <a href="product-details-group.html">Group Product</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="blog.html">Blog</a>
                        <ul class="sub-menu">
                            <li class="menu-item-has-children">
                                <a href="#">Blog</a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="blog-left-sidebar.html">Blog Left Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="blog.html">Blog Right Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="blog-01-column.html">Blog 01 column</a>
                                    </li>
                                    <li>
                                        <a href="blog-02-columns.html">Blog 02 columns</a>
                                    </li>
                                    <li>
                                        <a href="blog-03-columns.html">Blog 03 columns</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">Blog Details</a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="blog-details-audio.html">Audio Blog Details</a>
                                    </li>
                                    <li>
                                        <a href="blog-details-gallery.html">Gallery Blog Details</a>
                                    </li>
                                    <li>
                                        <a href="blog-details-image.html">image Blog Details</a>
                                    </li>
                                    <li>
                                        <a href="blog-details-video.html">Video Blog Details</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li>
                                <a href="../WEB-INF/my-account.jsp">My Account</a>
                            </li>
                            <li>
                                <a href="../WEB-INF/checkout.jsp">Checkout</a>
                            </li>
                            <li>
                                <a href="../WEB-INF/cart.jsp">Cart</a>
                            </li>
                            <li>
                                <a href="compare.html">Compare</a>
                            </li>
                            <li>
                                <a href="../WEB-INF/order-tracking.jsp">Track Order</a>
                            </li>
                            <li>
                                <a href="wishlist.html">Wishlist</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="../contact-us.jsp">Contact Us</a>
                    </li>
                </ul>
                <div class="site-info vertical">
                    <div class="site-info__item">
                        <a href="tel:+01223566678"><strong>+01 2235 666 78</strong></a>
                        <a href="mailto:Support@contixs.com">Support@furtrate.com</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- OffCanvas Menu End -->

    <!-- Mini Cart Start -->
    <aside class="mini-cart" id="miniCart">
        <div class="mini-cart-wrapper">
            <div class="mini-cart__close">
                <a class="btn-close" href="#"><i class="la la-remove"></i></a>
            </div>
            <div class="mini-cart-inner">
                <h3 class="mini-cart__heading mb--45">Shopping Cart</h3>
                <div class="mini-cart__content">
                    <ul class="mini-cart__list">
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="static/picture/prod-01-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="product-details.html">Golden Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="static/picture/prod-02-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="product-details.html">Golden Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                        <li class="mini-cart__product">
                            <a class="mini-cart__product-remove" href="#">
                                <i class="la la-remove"></i>
                            </a>
                            <div class="mini-cart__product-image">
                                <img alt="products" src="static/picture/prod-03-100x100.jpg">
                            </div>
                            <div class="mini-cart__product-content">
                                <a class="mini-cart__product-title" href="product-details.html">Golden Easy Spot
                                    Chair.</a>
                                <span class="mini-cart__product-quantity">1 x $49.00</span>
                            </div>
                        </li>
                    </ul>
                    <div class="mini-cart__total">
                        <span>Subtotal</span>
                        <span class="ammount">$98.00</span>
                    </div>
                    <div class="mini-cart__buttons">
                        <a class="btn btn-fullwidth btn-bg-primary mb--20" href="../WEB-INF/cart.jsp">View Cart</a>
                        <a class="btn btn-fullwidth btn-bg-primary" href="../WEB-INF/checkout.jsp">Checkout</a>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- Mini Cart End -->

    <!-- Searchform Popup Start -->
    <div class="searchform__popup" id="searchForm">
        <a class="btn-close" href="#"><i class="la la-remove"></i></a>
        <div class="searchform__body">
            <p>Start typing and press Enter to search</p>
            <form class="searchform">
                <input class="searchform__input" id="popup-search" name="popup-search"
                       placeholder="Search Entire Store..."
                       type="text">
                <button class="searchform__submit" type="submit"><i class="la la-search"></i></button>
            </form>
        </div>
    </div>
    <!-- Searchform Popup End -->

    <!-- Qicuk View Modal Start -->
    <div aria-hidden="true" class="modal fade product-modal" id="productModal" role="dialog" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <button aria-label="Close" class="close" data-bs-dismiss="modal" type="button">
                        <span aria-hidden="true"><i class="la la-remove"></i></span>
                    </button>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="element-carousel slick-vertical-center" data-slick-options='{
                            "slidesToShow": 1,
                            "slidesToScroll": 1,
                            "arrows": true,
                            "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "la la-angle-double-left" },
                            "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "la la-angle-double-right" }
                        }'>
                                <div class="product-image">
                                    <div class="product-image--holder">
                                        <a href="product-details.html">
                                            <img alt="Product Image" class="primary-image"
                                                 src="static/picture/prod-01.jpg">
                                        </a>
                                    </div>
                                    <span class="product-badge sale">sale</span>
                                </div>
                                <div class="product-image">
                                    <div class="product-image--holder">
                                        <a href="product-details.html">
                                            <img alt="Product Image" class="primary-image"
                                                 src="static/picture/prod-02.jpg">
                                        </a>
                                    </div>
                                    <span class="product-badge sale">sale</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="modal-box product-summary">
                                <div class="product-navigation text-right mb--20">
                                    <a class="prev" href="#"><i class="la la-angle-double-left"></i></a>
                                    <a class="next" href="#"><i class="la la-angle-double-right"></i></a>
                                </div>
                                <div class="product-rating d-flex mb--20">
                                    <div class="star-rating star-three">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                </div>
                                <h3 class="product-title mb--20">Golden Easy Spot Chair.</h3>
                                <p class="product-short-description mb--25">Donec accumsan auctor iaculis. Sed suscipit
                                    arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget,
                                    sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus
                                    scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                                <div class="product-price-wrapper mb--25">
                                    <span class="money">$200.00</span>
                                    <span class="price-separator">-</span>
                                    <span class="money">$400.00</span>
                                </div>
                                <form action="#" class="variation-form mb--30">
                                    <div class="product-color-variations d-flex align-items-center mb--20">
                                        <p class="variation-label">Color:</p>
                                        <div class="product-color-variation variation-wrapper">
                                            <div class="variation">
                                                <a class="product-color-variation-btn red selected"
                                                   data-bs-placement="top" data-bs-toggle="tooltip" title="Red">
                                                    <span class="product-color-variation-label">Red</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn black" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Black">
                                                    <span class="product-color-variation-label">Black</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn pink" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Pink">
                                                    <span class="product-color-variation-label">Pink</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-color-variation-btn blue" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="Blue">
                                                    <span class="product-color-variation-label">Blue</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-size-variations d-flex align-items-center mb--15">
                                        <p class="variation-label">Size:</p>
                                        <div class="product-size-variation variation-wrapper">
                                            <div class="variation">
                                                <a class="product-size-variation-btn selected" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="S">
                                                    <span class="product-size-variation-label">S</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="M">
                                                    <span class="product-size-variation-label">M</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="L">
                                                    <span class="product-size-variation-label">L</span>
                                                </a>
                                            </div>
                                            <div class="variation">
                                                <a class="product-size-variation-btn" data-bs-placement="top"
                                                   data-bs-toggle="tooltip" title="XL">
                                                    <span class="product-size-variation-label">XL</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="reset_variations" href="">Clear</a>
                                </form>
                                <div class="product-action d-flex flex-sm-row flex-column align-items-sm-center align-items-start mb--30">
                                    <div class="quantity-wrapper d-flex align-items-center mr--30 mr-xs--0 mb-xs--30">
                                        <label class="quantity-label" for="quick-qty">Quantity:</label>
                                        <div class="quantity">
                                            <input class="quantity-input" id="quick-qty" min="1" name="qty"
                                                   type="number" value="1">
                                        </div>
                                    </div>
                                    <button class="btn btn-size-sm btn-shape-square"
                                            onclick="window.location.href='cart.html'"
                                            type="button">
                                        Add To Cart
                                    </button>
                                </div>
                                <div class="product-footer-meta">
                                    <p><span>Category:</span>
                                        <a href="shop.html">Full Sweater</a>,
                                        <a href="shop.html">SweatShirt</a>,
                                        <a href="shop.html">Jacket</a>,
                                        <a href="shop.html">Blazer</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Qicuk View Modal End -->

    <!-- Global Overlay Start -->
    <div class="global-overlay"></div>
    <!-- Global Overlay End -->

    <!-- Global Overlay Start -->
    <a class="scroll-to-top" href=""><i class="la la-angle-double-up"></i></a>
    <!-- Global Overlay End -->
</div>
<!-- Main Wrapper End -->


<!-- ************************* JS Files ************************* -->

<!-- jQuery JS -->
<script src="static/js/vendor.js"></script>

<!-- Main JS -->
<script src="static/js/main.js"></script>
</body>

</html>